@import url('reset000.css');

@font-face {
    font-family: 'Univers_lt_cn';
    src: url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-cn-webfont.eot');
    src: url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-cn-webfont.eot?') format('embedded-opentype'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-cn-webfont.woff') format('woff'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-cn-webfont.ttf') format('truetype'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-cn-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Univers_lt_cn';
    src: url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-lightcn-webfont.eot');
    src: url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-lightcn-webfont.eot?') format('embedded-opentype'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-lightcn-webfont.woff') format('woff'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-lightcn-webfont.ttf') format('truetype'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-lightcn-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers_lt_cn';
    src: url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-boldcn-webfont.eot');
    src: url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-boldcn-webfont.eot?') format('embedded-opentype'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-boldcn-webfont.woff') format('woff'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-boldcn-webfont.ttf') format('truetype'),
         url('http://demandware.edgesuite.net/aagb_prd/on/demandware.static/Sites-ROE-Site/Sites-ROE-Library/en_GB/v1329094882369/jack-jones/store-front/images/fonts/universltstd-boldcn-webfont.svg') format('svg');
    font-weight: bold;
    font-style: bold;
}

#rphContainer {
    margin:0 auto;
    width:970px;
    height:560px;
    padding-top:20px;
    background:url('rphZoomI.png') no-repeat center bottom;
    _background:none;
    font-family: 'Univers_lt_cn';
    font-weight: bold;
}

#rphContainer h1 {
    font-size:29px;
    text-align:center;
    font-family: 'Univers_lt_cn';
    font-weight: bold;
    font-style: bold;
    color:#fff;
}

#rphContainer a {
    color:#fff;
    text-decoration:none;
}

ul.rphZoomItems {
    width:884px;
    height:484px;
    margin:20px 43px;
}

.rphZoomItems li {
    position:relative;
    display:block;
    float:left;
    width:440px;
    _width:438px;
    height:240px;
    margin:1px;
    background:#000;
    overflow:hidden;
}

.rphZoomItems img {
    position:absolute;
    width:500px;
    height:320px;
    top:-40px;
    left:-30px;
    z-index:10;
}

.rphZoomItems div {
    display:none;
    position:absolute;
    width:440px;
    height:150px;
    padding-top:105px;
    z-index:20;
    text-transform:uppercase;
    text-align:center;
    font-size:40px;
    _background:black;
    font-family: 'Univers_lt_cn';
    font-weight: normal;
}

.rphZoomItems h2 {
    display:block;
    position:absolute;
    top:182px;
    height:23px;
    font-size:20px;
    text-transform:uppercase;
    background-image:url('rphZoomJ.png');
    z-index:30;
	font-weight: normal;
}

.rphZoomItems h2.left {
    padding:10px 25px 10px 20px;
    left:0px;
    background-position: top right;
}

.rphZoomItems h2.right {
    padding:10px 20px 10px 25px;
    right:0px;
    background-position: top left;
}
